<div id="content">


	<div id="page-heading">
		<h1>Add product</h1>
	</div>


	<table border="0" width="100%" cellpadding="0" cellspacing="0"
		id="content-table">
		<tr>
			<th rowspan="3" class="sized"><img
				src="<?php echo base_url('src/template3/member/images/shared/side_shadowleft.jpg')?>"
				width="20" height="300" alt="" />
			</th>
			<th class="topleft"></th>
			<td id="tbl-border-top">&nbsp;</td>
			<th class="topright"></th>
			<th rowspan="3" class="sized"><img
				src="<?php echo base_url('src/template3/member/images/shared/side_shadowright.jpg')?>"
				width="20" height="300" alt="" />
			</th>
		</tr>
		<tr>
			<td id="tbl-border-left"></td>
			<td>
				<!--  start content-table-inner -->
				<div id="content-table-inner">

					<table border="0" width="100%" cellpadding="0" cellspacing="0">
						<tr valign="top">
							<td>
								<!--  start step-holder -->
								<div id="step-holder">
									<div class="step-no">1</div>
									<div class="step-dark-left">
										<a href="">Add product details</a>
									</div>
									<div class="step-dark-right">&nbsp;</div>
									<div class="step-no-off">2</div>
									<div class="step-light-left">Select related products</div>
									<div class="step-light-right">&nbsp;</div>
									<div class="step-no-off">3</div>
									<div class="step-light-left">Preview</div>
									<div class="step-light-round">&nbsp;</div>
									<div class="clear"></div>
								</div> <!--  end step-holder --> <!-- start id-form -->
								
								<?php echo form_open_multipart('admincp/add_sitecontent'); ?>
								<script type="text/javascript">
							function changeitem(selectObj){  
								var id=selectObj.value;
								var dataString =  id;
						    		$.ajax({
						            url: "<?php echo base_url().'index.php/admincp/ajaxtypetocate/';?>"+ dataString ,
						            type:'POST', 
						            data: dataString, 
						            success: function(output_string){ 
						                    $(".resultajax").html(output_string);
						                },
						                error: function(){
						                    alert('null');
						                  }  
						            });  
						 
								}
						</script>
								<table border="0" cellpadding="0" cellspacing="0" id="id-form">
									 
									<tr>
										<th valign="top">Product Type:</th>
										<td><input type="text" class="inp-form-error" />
										<?php if($alltype <> null):?>
					<select name="typeid" id="typeid" onchange="changeitem(this);">
						<option value="0" selected="selected">------------</option>
						<?php foreach($alltype as $type):?>
						<option value="<?php echo $type->id;?>">
							<?php echo $type->nametype;?>
						</option>
						<?php endforeach;?>
					</select>
					<?php endif;?>
										</td>
										<td>
											<div class="error-left"></div>
											<div class="error-inner">This field is required.</div>
										</td>
									</tr>
									<tr>
										<th valign="top">Category:</th>
										<td><select class="styledselect_form_1">
												<option value="">All</option>
												<option value="">Products</option>
												<option value="">Categories</option>
												<option value="">Clients</option>
												<option value="">News</option>
										</select></td>
										<td></td>
									</tr>
									<tr>
										<th valign="top">Sub Category:</th>
										<td><select class="styledselect_form_1">
												<option value="">All</option>
												<option value="">Products</option>
												<option value="">Categories</option>
												<option value="">Clients</option>
												<option value="">News</option>
										</select></td>
										<td></td>
									</tr>
									<tr>
										<th valign="top">Price:</th>
										<td><input type="text" class="inp-form" />
										</td>
										<td></td>
									</tr>
									 
									<tr>
										<th valign="top">Description:</th>
										<td><textarea rows="" cols="" class="form-textarea"></textarea>
										</td>
										<td></td>
									</tr>
									<tr>
										<th>Image 1:</th>
										<td><input type="file" class="file_1" />
										</td>
										<td>
											<div class="bubble-left"></div>
											<div class="bubble-inner">JPEG, GIF 5MB max per image</div>
											<div class="bubble-right"></div>
										</td>
									</tr>
									<tr>
										<th>Image 2:</th>
										<td><input type="file" class="file_1" />
										</td>
										<td><div class="bubble-left"></div>
											<div class="bubble-inner">JPEG, GIF 5MB max per image</div>
											<div class="bubble-right"></div>
										</td>
									</tr>
									<tr>
										<th>Image 3:</th>
										<td><input type="file" class="file_1" />
										</td>
										<td><div class="bubble-left"></div>
											<div class="bubble-inner">JPEG, GIF 5MB max per image</div>
											<div class="bubble-right"></div>
										</td>
									</tr>
									<tr>
										<th>&nbsp;</th>
										<td valign="top"><input type="button" value=""
											class="form-submit" /> <input type="reset" value=""
											class="form-reset" /></td>
										<td></td>
									</tr>
								</table> <!-- end id-form  -->
							<?php echo form_close(); ?>
							</td>
							<td>
								<!--  start related-activities -->
								<div id="related-activities">

									<!--  start related-act-top -->
									<div id="related-act-top">
										<img
											src="<?php echo base_url('src/template3/member/images/forms/header_related_act.gif')?>"
											width="271" height="43" alt="" />
									</div>
									<!-- end related-act-top -->

									<!--  start related-act-bottom -->
									<div id="related-act-bottom">

										<!--  start related-act-inner -->
										<div id="related-act-inner">

											<div class="left">
												<a href=""><img
													src="<?php echo base_url('src/template3/member/images/forms/icon_plus.gif')?>"
													width="21" height="21" alt="" /> </a>
											</div>
											<div class="right">
												<h5>Add another product</h5>
												Lorem ipsum dolor sit amet consectetur adipisicing elitsed
												do eiusmod tempor.
												 
											</div>

											<div class="clear"></div>
											<div class="lines-dotted-short"></div>

											<div class="left">
												<a href=""><img
													src="<?php echo base_url('src/template3/member/images/forms/icon_minus.gif')?>"
													width="21" height="21" alt="" /> </a>
											</div>
											<div class="right">
												<h5>Delete products</h5>
												Lorem ipsum dolor sit amet consectetur adipisicing elitsed
												do eiusmod tempor.
												 
											</div>

											<div class="clear"></div>
											<div class="lines-dotted-short"></div>

											<div class="left">
												<a href=""><img
													src="<?php echo base_url('src/template3/member/images/forms/icon_edit.gif')?>"
													width="21" height="21" alt="" /> </a>
											</div>
											<div class="right">
												<h5>Edit categories</h5>
												Lorem ipsum dolor sit amet consectetur adipisicing elitsed
												do eiusmod tempor.
												 
											</div>
											<div class="clear"></div>

										</div>
										<!-- end related-act-inner -->
										<div class="clear"></div>

									</div>
									<!-- end related-act-bottom -->

								</div> <!-- end related-activities -->

							</td>
						</tr>
						<tr>
							<td><img
								src="<?php echo base_url('src/template3/member/images/shared/blank.gif')?>"
								width="695" height="1" alt="blank" />
							</td>
							<td></td>
						</tr>
					</table>
					
					<div class="clear"></div>


				</div> <!--  end content-table-inner  -->
			</td>
			<td id="tbl-border-right"></td>
		</tr>
		<tr>
			<th class="sized bottomleft"></th>
			<td id="tbl-border-bottom">&nbsp;</td>
			<th class="sized bottomright"></th>
		</tr>
	</table>

 
	<div class="clear">&nbsp;</div>

</div>
